import { Link } from 'umi';
import { useState } from 'react';
import { Menu } from 'antd';
import { HomeOutlined, TeamOutlined, UserOutlined } from '@ant-design/icons';

export default function Menu1() {
  const { current, setCurrent } = useState('home');

  return (
    <div>
      <Menu
        mode="horizontal"
        selectedKeys={[current]}
        style={{ fontSize: '30px' }}
      >
        <Menu.Item key="home" icon={<HomeOutlined />}>
          <Link to="/">首页</Link>
        </Menu.Item>
        {/* <Menu.Item key="team" icon={<TeamOutlined />}>
          <Link to="/employee/[id]">employee</Link>
        </Menu.Item> */}
        <Menu.Item key="user" icon={<UserOutlined />}>
          <Link to="/employeeList">employeeList</Link>
        </Menu.Item>
      </Menu>
    </div>
  );
}
